/*banner图*/
#banner_tabs {
	width: 100%;
	height: 100vh;
	_height: 800px;
	position: relative;
}
#banner_tabs .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 50px;
	height: 100px;
	overflow: hidden;
	text-indent: 999999em;
	background: url(../images/flexnav.png) no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -60px;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .6s ease;
}
.flex-direction-nav .flex-prev {
	left: 2%;
	background-position: 0px 0px;
}
.flex-direction-nav .flex-next {
	right: 2%;
	background-position: -50px 0px;
}
#banner_tabs:hover .flex-next {
	opacity: 0.9;
	filter: alpha(opacity=80);
}
#banner_tabs:hover .flex-prev {
	opacity: 0.9;
	filter: alpha(opacity=80);
}
#page {
	height: 60px;
	margin-top: -60px;
}
.index-page section.active>div {
	display: block;
}
.index-page section {
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.index-page section>div {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: none;
	transition: all .6s;
}
/*APP-HOME*/
.index-page .app-home .bg {
	background: url(../images/bg.jpg);
	background-position: center center;
	height: 100vh;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-animation: bg-scale 10s linear infinite;
	animation: bg-scale 10s linear infinite;
}
.index-page2 .app-home .bg {
	background: url(../images/bg2.jpg);
	background-position: center center;
}
.index-page3 .app-home .bg {
	background: url(../images/bg3.jpg);
	background-position: center center;
}
/*slogan*/
.index-page .app-home .slogan {
	height: 162px;
	margin-top: -160px;
	margin-left: 60px;
}
.index-page2 .app-home .slogan {
	width: 100%;
	height: 80px;
	margin-left: -50%;
	margin-top: -340px;
	text-align: center;
}
.index-page3 .app-home .slogan {
	width: 852px;
	height: 100px;
	margin-left: -426px;
	margin-top: -90px;
}
/*second-slogan*/
.index-page .app-home .second-slogan {
	width: 495px;
	height: 50px;
	margin-top: 40px;
	margin-left: 60px;
}
.index-page2 .app-home .second-slogan {
	width: 100%;
	height: 50px;
	margin-top: -240px;
	margin-left: -50%;
	text-align: center;
}
.index-page2 .app-home .second-slogan2 {
	width: 100%;
	margin-left: -50%;
	text-align: center;
	top: auto;
	bottom: 0px;
}
.index-page3 .app-home .second-slogan {
	width: 100%;
	margin-left: -50%;
	text-align: center;
}
/*second-slogan end*/
.index-page .app-home .create-btn {
	margin-left: -130px;
	margin-top: 110px;
}
.index-page .app-home .mask {
	position: absolute;
	background: rgba(0,0,0,.68);
	width: 150px;
	height: 150px;
	top: 50%;
	margin-top: -75px;
	margin-left: -75px;
	transition: all 2s;
	border-radius: 50%;
	opacity: 0;
}
.maskscale {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: mask-scale;
	animation-name: mask-scale;
}
/*按钮*/
.nav-arrow {
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 3;
	margin-left: -27px;
	width: 55px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/jiantou_a.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 55px 55px;
	opacity: 0.5;
	animation-name: arrowing;
	-webkit-animation-name: arrowing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
 .nav-arrow {
background-size:35px 35px
}
}
.nav-arrow:hover {
	opacity: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
 .nav-arrow:hover {
background-size:35px 35px
}
}
 @-webkit-keyframes arrowing {
 0%, 100% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
50% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
}
@keyframes arrowing {
 0%, 100% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px);
}
 50% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
}
}
 @-webkit-keyframes mask-scale {
 0% {
-webkit-transform:scale(1.5);
transform:scale(1.5);
opacity:.1
}
 20% {
-webkit-transform:scale(2);
transform:scale(2);
opacity:.2
}
 30% {
-webkit-transform:scale(3);
transform:scale(3);
opacity:.3
}
 40% {
-webkit-transform:scale(4);
transform:scale(4);
opacity:.4
}
 50% {
-webkit-transform:scale(5);
transform:scale(5);
opacity:.5
}
 60% {
-webkit-transform:scale(6);
transform:scale(6);
opacity:.6
}
 70% {
-webkit-transform:scale(8);
transform:scale(8);
opacity:.7
}
 80% {
-webkit-transform:scale(10);
transform:scale(10);
opacity:.8
}
 90% {
-webkit-transform:scale(12);
transform:scale(12);
opacity:.9
}
 100% {
-webkit-transform:scale(18);
transform:scale(18);
opacity:1
}
}
@keyframes mask-scale {
 0% {
-webkit-transform:scale(1.5);
transform:scale(1.5);
opacity:.1
}
 20% {
-webkit-transform:scale(2);
transform:scale(2);
opacity:.2
}
 30% {
-webkit-transform:scale(3);
transform:scale(3);
opacity:.3
}
 40% {
-webkit-transform:scale(4);
transform:scale(4);
opacity:.4
}
 50% {
-webkit-transform:scale(5);
transform:scale(5);
opacity:.5
}
 60% {
-webkit-transform:scale(6);
transform:scale(6);
opacity:.6
}
 70% {
-webkit-transform:scale(8);
transform:scale(8);
opacity:.7
}
 80% {
-webkit-transform:scale(10);
transform:scale(10);
opacity:.8
}
 90% {
-webkit-transform:scale(12);
transform:scale(12);
opacity:.9
}
 100% {
-webkit-transform:scale(18);
transform:scale(18);
opacity:1
}
}
@-webkit-keyframes bg-scale {
 0%, 99% {
-webkit-transform:scale(1);
transform:scale(1)
}
 33% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
 66% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
}
@keyframes bg-scale {
 0%, 99% {
-webkit-transform:scale(1);
transform:scale(1)
}
 33% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
 66% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
}
.delay100 {
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}
.delay200 {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}
.delay300 {
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
.delay400 {
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
.delay500 {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}
.delay600 {
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
}
.delay700 {
	animation-delay: .7s;
	-webkit-animation-delay: .7s;
}
.delay800 {
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}
.delay900 {
	animation-delay: .9s;
	-webkit-animation-delay: .9s;
}
.delay1000 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.delay1200 {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.delay1400 {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
}
.delay1600 {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
}
.delay1800 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}
.delay1900 {
	animation-delay: 1.9s;
	-webkit-animation-delay: 1.9s;
}
.delay2500 {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.delay3500 {
	animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s;
}
.delay4500 {
	animation-delay: 4.5s;
	-webkit-animation-delay: 4.5s;
}
.delay7000 {
	animation-delay: 7s;
	-webkit-animation-delay: 7s;
}
/*我们能做什么*/
.bussiness {
	background: #f5f5f5;
	width: 100%;
}
.section_head {
	padding: 30px 0px 50px;
}
.section_head .title {
	text-align: center;
}
.section_head .title p {
	color: #333333;
	font-size: 2.5rem;
	font-weight: bold;
}
.section_head .title p i {
	color: #ff5500;
}
.section_head .title span {
	display: block;
	color: #888;
	font-size: 13px;
}
.bussiness-body {
	display: block;
	overflow: hidden;
	width: 90%;
	text-align: center;
	font-size: 0px;
	margin: auto;
}
.bussiness-body .item {
	position: relative;
	display: inline-block;/*float: left;*/
	width: 16.666%;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
}
.bussiness-body .item1 {
	left: 200px;
	-webkit-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item2 {
	left: 300px;
	-webkit-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;
	;
}
.bussiness-body .item3 {
	left: 400px;
	-webkit-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item4 {
	left: 500px;
	-webkit-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item5 {
	left: 600px;
	-webkit-transition: left 1.1s 0.5s linear, opacity 1.1s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear;
	transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item.on {
	width: 32.33%;
}
.bussiness .bussiness-body .item {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.bussiness-body .item .service {
	display: block;
	height: 358px;
	border: 1px solid #e8e8e8;
	border-width: 1px 0px 1px 1px;
	text-align: center;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.bussiness-body .item.on .service {
	width: 50%;
}
.bussiness-body .item5 .service {
	border-width: 1px 1px 1px 1px;
}
.bussiness-body .item.on .service {
	background-color: #006acd;
	border-color: #006acd;
}
.bussiness-body .item .service .content {
	display: block;
	height: 240px;
	padding-top: 46px;
	line-height: 1;
}
.bussiness-body .item .service .content h4 {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.bussiness-body .item .service .content h4 a {
	color: #333;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.bussiness-body .item.on .service .content h4 a {
	color: #fff;
}
.bussiness-body .item .service .content p {
	display: block;
	margin-top: 11px;
	color: #4b4b4b;
	white-space: nowrap;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.bussiness-body .item.on .service .content p {
	color: #fff;
}
.bussiness-body .item .service .content .icon {
	display: inline-block;
	margin-top: 56px;
}
.bussiness-icon1 {
	background: url(../images/icon1.png) no-repeat 0px -822px;
	height: 72px;
	padding-left: 88px;
}
.bussiness-body .item.on .service .content .bussiness-icon1 {
	background: url(../images/icon1.png) no-repeat 0px -894px;
}
.bussiness-icon2 {
	background: url(../images/icon1.png) no-repeat 0px -750px;
	height: 72px;
	padding-left: 42px;
}
.bussiness-body .item.on .service .content .bussiness-icon2 {
	background: url(../images/icon1.png) no-repeat 0px -678px;
}
.bussiness-icon3 {
	background: url(../images/icon1.png) no-repeat 0px -1254px;
	height: 72px;
	padding-left: 64px;
}
.bussiness-body .item.on .service .content .bussiness-icon3 {
	background: url(../images/icon1.png) no-repeat 0px -1326px;
}
.bussiness-icon4 {
	background: url(../images/icon1.png) no-repeat 0px -966px;
	height: 72px;
	padding-left: 60px;
}
.bussiness-body .item.on .service .content .bussiness-icon4 {
	background: url(../images/icon1.png) no-repeat 0px -1182px;
}
.bussiness-icon5 {
	background: url(../images/icon1.png) no-repeat 0px -1038px;
	height: 72px;
	padding-left: 55px;
}
.bussiness-body .item.on .service .content .bussiness-icon5 {
	background: url(../images/icon1.png) no-repeat 0px -1110px;
}
.bussiness-body .item .service .info {
	display: block;
	padding: 16px 20px 0 20px;
	border-top: 1px dashed #cdcdcd;
	font-size: 12px;
	line-height: 20px;
	color: #6c6c6c;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.bussiness-body .item.on .service .info {
	color: #fff;
	border-top: 1px dashed #4e94dd;
}
.bussiness-body .item .price {
	position: absolute;
	display: block;
	width: 100%;
	height: 360px;
	left: 100%;
	top: 0;
}
.bussiness-body .item.on .price {
	width: 50%;
	left: 50%;
}
.bussiness-body .item .price ul {
	display: block;
	position: relative;
	z-index: 5;
}
.bussiness-body .item .price ul li {
	display: block;
	height: 71px;
	line-height: 71px;
*height: 69px;
*line-height: 69px;
	border-bottom: 1px solid #565758;
	white-space: nowrap;
}
.bussiness-body .item .price ul li a {
	display: block;
	padding: 0 20px 0 10px;
	color: #999;
	font-size: 14px;
	text-align: left;
	background: url(../images/enter-icon.png) no-repeat right 10px center;
	cursor: pointer;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
.bussiness-body .item .price ul li a:hover {
	color: #fff;
	background: url(../images/enter-icon-on.png) no-repeat right 10px center;
}
.bussiness-body .item .price ul li a .num {
	padding-left: 10px;
}
.bussiness-body .item .price .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 2;
}
/*我们做过什么*/
.case_link {
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}
.case_link ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 1px;
}
.case_link ul li a {
	display: block;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 15px;
	border-radius: 30px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.case_link ul li:hover a, .case_link ul li.on a {
	background-color: #006acd;
	color: #fff;
}
.case_wrap {
	width: 94%;
	margin: 0 auto;
}
.case_wrap ul li {
	float: left;
	width: 24%;
	margin: 0.5%;
*width:24.97%;
	text-align: center;
	background: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.case_wrap ul li a {
	display: block;
}
.case_wrap ul li article {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 62.4%;
	overflow: hidden;
}
.case_wrap ul li article img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100.5%;
	height: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.case_wrap ul li article summary {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: -50px;
	left: 0;
	line-height: 50px;
	color: #dcdcdc;
	background: rgba(0,0,0,0.5);
	background: #666\9;
	text-align: left;
	text-indent: 20px;
	z-index: 3;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.case_wrap ul li .info {
	width: 100%;
	height: 60px;
	overflow: hidden;
	padding: 0px 0px 0px 10px;
	box-sizing: border-box;
}
.case_wrap ul li .info h5 {
	display: block;
	float: left;
	width: calc(100% - 100px);
	height: 40px;
	line-height: 40px;
	margin: 10px 0px;
	text-align: left;
}
.case_wrap ul li .info h5 a {
	font-size: 18px;
	color: #333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case_wrap ul li .info .fr {
	width: 90px;
	height: 60px;
}
.case_wrap ul li .info .fr a {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	margin-left: 10px;
	width: 20px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
}
.case_wrap ul li .info .fr a.case_pc {
	background-image: url(../images/pc_b.png);
}
.case_wrap ul li .info .fr a.case_phone {
	background-image: url(../images/phone_b.png);
}
.case_wrap ul li:hover {
	background-color: #006acd;
}
.case_wrap ul li:hover a article summary {
	bottom: 0;
}
.case_wrap ul li:hover a article img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
.case_wrap ul li:hover a article:before {
	opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1;
}
.case_wrap ul li:hover a article:after {
	opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.case_wrap ul li:hover .info h5 a {
	color: #fff;
}
.case_wrap ul li:hover .info .fr a.case_pc {
	background-image: url(../images/pc_w.png);
}
.case_wrap ul li:hover .info .fr a.case_phone {
	background-image: url(../images/phone_w.png);
}
/*解决方案*/
.solution .section_head .title p, .solution .section_head .title p i, .solution .section_head .title span {
	color: #fff;
}
.solution {
	background-color: #06050a;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 30px 0 50px!important;
	margin-top: 50px;
	overflow: hidden;
	box-sizing: border-box;
}
.solution .solution-slide {
	position: relative;
	width: 85%;
	margin: 0 auto;
}
.solution .solution-slide .solution-slide-menu {
	width: 320px;
	text-align: center
}
.solution .solution-slide .solution-slide-menu ul {
	position: relative;
	z-index: 1
}
.solution .solution-slide .solution-slide-menu ul li {
	padding: 20px 0;
	position: relative;
	overflow: hidden;
	;
	cursor: pointer;
	background: hsla(0,0%,100%,.2);
	box-sizing: border-box;
}
.solution .solution-slide .solution-slide-menu ul li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #006acd;
	overflow: hidden;
	display: block;
	z-index: 1;
}
.solution .solution-slide .solution-slide-menu ul li.cur span {
	width: 100%;
}
.solution .solution-slide .solution-slide-menu ul li i.icon {
	display: block;
	width: 100px;
	height: 60px;
	margin: 0 auto;
	background-image: url(../images/solution-icon.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}
.solution .solution-slide .solution-slide-menu ul li p {
	margin: 10px 0 0;
	font-size: 16px;
	color: #fff;
	position: relative;
	z-index: 2;
}
.solution .solution-slide .solution-slide-menu ul li .icon1 {
	background-position: 0px 0px;
}
.solution .solution-slide .solution-slide-menu ul li .icon2 {
	background-position: 0px -60px;
}
.solution .solution-slide .solution-slide-menu ul li .icon3 {
	background-position: 0px -120px;
}
.solution .solution-slide .solution-slide-menu ul li .icon4 {
	background-position: 0px -180px;
}
.solution .solution-slide .solution-slide-menu ul li .icon5 {
	background-position: 0px -200px;
}
.solution .solution-slide .solution-slide-body {
	width: calc(100% - 450px);
	min-height: 670px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.solution .solution-slide .solution-slide-body .solution-slide-item {
	width: 100%;
	display: none;
}
.solution .solution-slide .solution-slide-body .solution-slide-item h4 {
	color: #fff;
	font-size: 28px;
	margin: 20px 0px;
}
.solution .solution-slide .solution-slide-body .solution-slide-item>p {
	width: 60%;
	color: #fff;
}
.solution .solution-slide .solution-slide-body .solution-slide-item .row {
	margin-top: 80px;
}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 {
	width: 25%;
	float: left;
}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item {
	width: 100%;
	text-align: center;
}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item i {
	display: inline-block;
	width: 100px;
	height: 90px;
	line-height: 90px;
}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item p {
	color: #fff;
	font-size: 14px;
}
.solution .solution-slide .solution-slide-body .s-button {
	position: absolute;
	left: 0px;
	bottom: 30px;
}
.solution .solution-slide .solution-slide-body .s-button a {
	display: block;
	width: 125px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ff5800;
	font-size: 15px;
	border: 1px solid #ff5800;
	border-radius: 20px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.solution .solution-slide .solution-slide-body .s-button a:hover {
	background-color: #ff5800;
	color: #fff;
}
/*新闻*/
.news .section_head {
	padding-bottom: 20px;
}
.news .news-body {
	margin-bottom: 50px;
}
.news .news-body .news_link {
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}
.news .news-body .news_link ul li {
	display: inline-block;
*display: inline;
*zoom: 1;
	color: #555;
	font-size: 16px;
	padding: 0 30px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #c4c4c4;
	margin: 0 15px;
	cursor: pointer;
}
.news .news-body .news_link ul li a {
	display: block;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 15px;
	border-radius: 30px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.news .news-body .news_link ul li:hover a, .news .news-body .news_link ul li.on {
	background-color: #006acd;
	color: #fff;
}
.news .news-body .news_wrap {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.news .news-body .news_wrap .news_item {
	margin-bottom: 30px;
}
.news .news-body .news_wrap .news_item .time {
	width: 140px;
	height: 130px;
	background-color: #006acd;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
}
.news .news-body .news_wrap .news_item .time strong {
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 60px;
}
.news .news-body .news_wrap .news_item .time p {
	display: block;
	width: 100%;
	height: 39px;
	line-height: 39px;
	border-top: 1px solid #0060ba;
	color: #fff;
	font-size: 18px;
}
.news .news-body .news_wrap .news_item .con {
	width: calc(100% - 180px);
	height: 130px;
}
.news .news-body .news_wrap .news_item .con h4 {
	margin-bottom: 15px;
}
.news .news-body .news_wrap .news_item .con h4 a {
	display: block;
	color: #555;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.news .news-body .news_wrap .news_item .con h4 a:hover {
	color: #006acd;
}
.news .news-body .news_wrap .news_item .con p a {
	display: block;
	color: #555;
	font-size: 16px;
	line-height: 28px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.news .news-body .news_wrap .news_item .con p a:hover {
	color: #006acd;
}
.news .news-body .more a {
	display: block;
	width: 125px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	border-radius: 30px;
	overflow: hidden;
	border: 1px solid #006acd;
	color: #006acd;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.news .news-body .more a:hover {
	background-color: #006acd;
	color: #fff;
}
.newslis dl {
	float: left;
	width: 550px;
	margin: 0 0px 30px 0;
	height: auto;
	background: #f3f3f3;
	padding: 20px;
}
.newslis dl:nth-child(2n) {
	float: right;
}
.newslis dl dt {
	float: left;
	height: 135px;
}
.news-box-img {
	position: relative;
	max-width: 200px;
}
.news-box-img img {
	width: 180px;
	height: 135px;
}
.news-data {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 8px;
	text-align: center;
	background: #006acd;
	color: #fff;
}
.news-data span {
	display: block;
	font-size: 24px;
	line-height: 30px;
}
.news-data em {
	display: block;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	margin-top: -3px;
}
.newslis dl dd {
	float: right;
	width: 340px;
}
.newslis dl dd h4 {
	font-size: 16px;
	overflow: hidden;
	font-weight: normal;
}
.newslis dl dd h4 a {
	color: #333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newslis dl dd h4 a:hover {
	color: #006acd
}
.newslis dl dd p {
	color: #666;
	font-size: 14px;
	padding-top: 8px;
	line-height: 21px;
	height: 108px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
/*售后服务*/
.section.service_home {
	padding: 0px 0px 0px;
}
.service_wrap {
	padding: 90px 0px 100px;
	background: url(../images/service_bg.jpg) no-repeat center;
}
.service_wrap .main-wrap ul {
	width: 100%;
	text-align: center;
}
.service_wrap .main-wrap ul li {
	display: inline-block;
}
.service_wrap .main-wrap ul li h4 {
	font-size: 46px;
	font-weight: bold;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.service_wrap .main-wrap ul li p {
	font-size: 32px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.footer-topbar {
	background: #1d1d1d;
}
.footer-topbar .main-wrap {
	padding: 39px 0px;
}
.footer-topbar .footer-topbar-content {
	max-width: 1440px;
	margin: 0 auto;
}
.footer-topbar .footer-topbar-content .footer-topbar-item {
	width: 25%;
	float: left;
	cursor: pointer;
}
.footer-topbar .footer-topbar-content .footer-topbar-item p {
	color: #fff;
	margin: 10px 0;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {
	float: left;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(../images/common_icons.png);
	background-repeat: no-repeat;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon1 {
	background-position: 0px -300px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon2 {
	background-position: -100px -300px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon3 {
	background-position: -200px -300px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon4 {
	background-position: -300px -300px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {
	float: left;
	margin-top: 15px
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {
	font-size: 22px;
	color: #fff;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p {
	font-size: 14px;
	color: #737373;
	margin: 5px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon1 {
	background-position: 0px -400px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon2 {
	background-position: -100px -400px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon3 {
	background-position: -200px -400px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon4 {
	background-position: -300px -400px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content, .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content p {
	color: #006acd;
}
/*留言提交*/
.footer-mess {
	width: 100%;
	background-color: #006acd;
}
.footer-mess .mess-left {
	float: left;
	width: 25%;
}
.footer-mess .mess-left .left_con {
	padding: 50px 42px;
}
.footer-mess .mess-left .left_con .top {
	color: #fff;
}
.footer-mess .mess-left .left_con .top p {
	font-size: 2vw;
}
.footer-mess .mess-left .left_con .top span {
	font-size: 1.8vw;
}
.footer-mess .mess-left .left_con .top .line {
	width: 192px;
	height: 1px;
	background-color: #fff;
	display: block;
	margin: 30px 0px;
}
.footer-mess .mess-left .left_con b {
	color: #fff;
	font-size: 2vw;
	font-weight: bold;
	line-height: 130%;
}
.footer-mess .mess-left .left_con .bshare-custom {
	margin: 20px 0px 40px;
}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	padding: 0px;
	margin-right: 12px;
	background-image: url(../images/common_icons.png);
	background-repeat: no-repeat;
}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_tsina {
	background-position: -120px 0px;
}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_renren {
	background-position: -150px 0px;
}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_sqq {
	background-position: -180px 0px;
}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_weixin {
	background-position: -210px 0px;
}
.footer-mess .mess-left .left_con .footer_call {
	color: #fff;
}
.footer-mess .mess-right {
	float: right;
	width: 75%;
	min-height: 414px;
	padding: 50px 0px;
	background: url(../images/index_mess_bg.jpg) no-repeat center;
}
.footer-mess .mess-right form {
	padding: 0px 42px;
}
.footer-mess .mess-right .form {
	background-color: #fff;
	padding: 25px 50px;
	box-sizing: border-box;
}
.footer-mess .mess-right .form h5 {
	color: #3d3d3d;
	font-size: 24px;
	line-height: 34px;
	padding: 0px 9px;
}
.footer-mess .mess-right .form input, .footer-mess .mess-right .form select {
	color: #888;
	font-size: 15px;
	width: 100%;
	height: 50px;
	line-height: 48px;
	border: 1px solid #ccc;
	padding: 0px 15px;
	box-sizing: border-box;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.footer-mess .mess-right .form input:hover, .footer-mess .mess-right .form select:hover {
	border-color: #006acd;
}
.footer-mess .mess-right .form .ind_wrap {
	margin: 23px 0px 25px;
}
.footer-mess .mess-right .form .ind_wrap .input_text {
	width: 50%;
	padding: 0 9px;
	float: left;
	box-sizing: border-box;
}
.footer-mess .mess-right .form .ind_sub {
	padding: 0 9px;
}
.footer-mess .mess-right .form .ind_sub input {
	display: block;
	float: right;
	width: 158px;
	height: 42px;
	line-height: 40px;
	color: #006acd;
	border: 1px solid #006acd;
	border-radius: 50px;
	background-color: #fff;
	cursor: pointer;
}
.footer-mess .mess-right .form .ind_sub input:hover {
	background-color: #006acd;
	color: #fff;
}
.footer-mess .mess-right .form .ind_mess {
	padding: 0px 9px;
	margin: 25px 0px;
}
.footer-mess .mess-right .form .ind_mess textarea {
	display: block;
	float: left;
	width: calc(70% - 30px);
	height: 120px;
	color: #666;
	font-size: 15px;
	border: 1px solid #ccc;
	padding: 15px;
	outline: none;
	font-family: "Microsoft Yahei";
	box-sizing: border-box;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.footer-mess .mess-right .form .ind_mess textarea:hover {
	border-color: #006acd;
}
.footer-mess .mess-right .form .ind_mess .code {
	width: 30%;
	display: block;
	float: right;
}
.footer-mess .mess-right .form .ind_mess .code .ind5_pho {
	margin-bottom: 20px;
}
.footer-mess .mess-right .form .ind_mess .code #verycode {
	width: 55%;
	float: left;
}
.footer-mess .mess-right .form .ind_mess .code .yzm {
	width: 42%;
	height: 50px;
	border: 1px solid #006acd;
	background: #006acd;
	color: #fff;
	float: right;
	cursor: pointer;
}
.footer-mess .mess-right .form .ind_mess .code .yzm:hover {
	background: #0162bd;
	border-color: #0162bd;
}




/* ---------------- Responsive website ---------------- */

/*屏幕小于1440px应用一下样式*/
@media (max-width:1440px) {
.index-page .app-home .slogan {
	height: 120px;
	margin-top: -140px;
}
.index-page .app-home .slogan img {
	height: 120px;
}
.index-page2 .app-home .slogan {
	margin-top: -240px;
}
.index-page2 .app-home .slogan img {
	height: auto;
}
.index-page3 .app-home .slogan img {
	height: auto;
}
.index-page2 .app-home .second-slogan {
	margin-top: -150px;
}
.index-page2 .app-home .second-slogan2 img {
	height: 420px;
}
.index-page3 .app-home .second-slogan {
	width: 100%;
	margin-left: -50%;
	text-align: center;
}
.footer-mess .mess-right .form .ind_mess textarea {
	width: calc(66% - 20px);
}
.footer-mess .mess-right .form .ind_mess .code {
	width: 34%;
}
}

/*屏幕小于1366px应用一下样式*/
@media (max-width:1366px) {
.index-page2 .app-home .slogan {
	margin-top: -200px;
}
.index-page2 .app-home .slogan img {
	height: 60px;
}
.index-page2 .app-home .second-slogan {
	margin-top: -120px;
}
.index-page2 .app-home .second-slogan img {
	height: 45px;
}
.index-page2 .app-home .second-slogan2 img {
	height: 350px;
}
}
 @media (max-width:1200px) {
.header .info {
	display: none;
}
.footer-mess .mess-right .form .ind_mess textarea {
	width: calc(50% - 9px);
}
.footer-mess .mess-right .form .ind_mess .code {
	width: calc(50% - 9px);
}
}

/*屏幕小于1024px应用一下样式*/
@media (max-width:1024px) {
.case_wrap {
	width: 99%;
	margin: 0 auto;
}
.footer-mess .mess-left, .footer-mess .mess-right {
	width: 100%;
}
.footer-mess .mess-left .left_con .top p {
	font-size: 2.5rem;
}
.footer-mess .mess-left .left_con .top span {
	font-size: 1.9rem;
}
.footer-mess .mess-left .left_con b {
	font-size: 2.5rem;
}
}
 @media (max-width:769px) {
.index-page .app-home .slogan,  .index-page .app-home .second-slogan {
	width: 100%;
	margin-left: -50%;
	text-align: center;
	height: auto;
	padding: 0 45px;
	box-sizing: border-box;
}
.index-page .app-home .slogan img, .index-page2 .app-home .slogan img, .index-page2 .app-home .second-slogan img, .index-page2 .app-home .second-slogan2 img {
	height: auto;
}
.index-page .app-home .slogan {
	margin-top: -120px;
}
.index-page2 .app-home .slogan {
	margin-top: -90px;
}
.index-page3 .app-home .slogan {
	margin-top: -90px;
}
.index-page .app-home .second-slogan {
	margin-top: -10px;
}
/*共用元素*/
.container {
	margin: 0 auto;
}
.section {
	padding: 30px 0px;
}
}

/*屏幕小于768px应用一下样式*/
@media (max-width:768px) {
/*banner图*/
.section_head {
	padding: 30px 10px;
}
.section_head .title p {
	font-size: 24px;
}
.section_head .title span {
	font-size: 14px;
}
.flex-direction-nav a {
	opacity: 1;
	width: 30px;
	height: 60px;
	background-size: 60px 60px;
}
.flex-direction-nav .flex-prev {
	left: 2%;
	background-position: 0px 0px;
}
.flex-direction-nav .flex-next {
	right: 2%;
	background-position: -30px 0px;
}
/*服务*/
.bussiness-body {
	padding: 0 10px;
	overflow: inherit;
	box-sizing: border-box;
}
.bussiness-body .item {
	margin-bottom: -1px;
}
.bussiness-body .item, .bussiness-body .item.on {
	width: 33.333%;
}
.bussiness-body .item .service {
	width: 100%;
	height: auto;
	border: 1px solid #dcdcdc;
	border-width: 1px 0px 1px 1px;
	box-sizing: border-box;
}
.bussiness-body .item .service, .bussiness-body .item.on .service {
	border: 1px solid #dcdcdc;
	border-width: 1px 0px 1px 1px;
	background: transparent;
}
.bussiness-body .item.item2 .service, .bussiness-body .item.item5 .service {
	border-width: 1px 1px 1px 1px;
}
.bussiness-body .item.on .service {
	width: 100%;
}
.bussiness-body .item .service .content {
	height: auto;
	padding: 30px 0px;
}
.bussiness-body .item .service .content .icon {
	margin-top: 30px;
}
.bussiness-body .item .price {
	display: none;
}
.bussiness-body .item .service .info {
	display: none;
}
.bussiness-body .item.item1, .bussiness-body .item.item2, .bussiness-body .item.item1.on, .bussiness-body .item.item2.on {
	width: 50%;
}
.bussiness-body .item .service .content h4 a {
	color: #4b4b4b;
	;
	font-size: 16px;
}
.bussiness-body .item.on .service .content h4 a {
	color: #4b4b4b;
}
.bussiness-body .item.on .service .content p {
	color: #4b4b4b;
}
.bussiness-body .item.on .service .content .bussiness-icon1 {
	background: url(../images/icon1.png) no-repeat 0px -822px;
	height: 72px;
	padding-left: 88px;
}
.bussiness-body .item.on .service .content .bussiness-icon2 {
	background: url(../images/icon1.png) no-repeat 0px -750px;
	height: 72px;
	padding-left: 42px;
}
.bussiness-body .item.on .service .content .bussiness-icon3 {
	background: url(../images/icon1.png) no-repeat 0px -1254px;
	height: 72px;
	padding-left: 64px;
}
.bussiness-body .item.on .service .content .bussiness-icon4 {
	background: url(../images/icon1.png) no-repeat 0px -966px;
	height: 72px;
	padding-left: 60px;
}
.bussiness-body .item.on .service .content .bussiness-icon5 {
	background: url(../images/icon1.png) no-repeat 0px -1038px;
	height: 72px;
	padding-left: 55px;
}
/*案例*/
.case_wrap ul {
	padding: 0px 7px
}
.case_wrap ul li {
	width: calc(50% - 6px);
	margin: 3px;
	box-sizing: border-box;
}
.case_wrap ul li .info {
	height: 40px;
}
.case_wrap ul li .info h5 {
	width: 100%;
	height: 20px;
	line-height: 20px;
}
.case_wrap ul li .info h5 a {
	font-size: 16px;
}
.case_wrap ul li .info .fr {
	display: none;
}
/*方案*/
.solution {
	padding: 1px 0px 30px;
	height: auto;
	background-size: cover;
}
.solution .solution-slide {
	width: 100%;
}
.solution .solution-slide .solution-slide-menu {
	width: 100%;
	position: static;
}
.solution .solution-slide .solution-slide-menu ul {
	padding: 0px 10px;
}
.solution .solution-slide .solution-slide-menu ul li {
	margin-bottom: 10px;
}
.solution .solution-slide .solution-slide-menu ul li span {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
}
.solution .solution-slide .solution-slide-body {
	display: none;
}
/*新闻*/
.news .news-body .news_wrap {
	margin: 0px 10px 30px;
}
.news .news-body .news_wrap .news_item {
	margin-bottom: 15px;
}
.news .news-body .news_wrap .news_item .time {
	width: 95px;
	height: 88px;
}
.news .news-body .news_wrap .news_item .time strong {
	height: 55px;
	line-height: 55px;
	font-size: 45px;
}
.news .news-body .news_wrap .news_item .time p {
	height: 35px;
	line-height: 35px;
}
.news .news-body .news_wrap .news_item .con {
	width: calc(100% - 110px);
	height: 90px;
}
.news .news-body .news_wrap .news_item .con h4 {
	margin-bottom: 5px;
}
.news .news-body .news_wrap .news_item .con h4 a {
	display: block;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news .news-body .news_wrap .news_item .con p a {
	font-size: 13px;
	line-height: 19px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.newslis dl {
	width: 100%;
	float: none;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 15px;
}
.newslis dl:nth-child(2n) {
	float: none;
}
.newslis dl dd {
	width: calc(100% - 190px);
}
.newslis dl dd p {
	-webkit-line-clamp: 3;
	font-size: 12px;
	height: 52px;
	line-height: 18px;
	padding-top: 3px;
}
.footer-topbar {
	padding: 0px;
}
.footer-topbar .footer-topbar-content .footer-topbar-item {
	width: 50%;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {
	float: none;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {
	margin: 0 auto;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {
	float: none;
	margin-top: 5px;
	text-align: center;
}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {
	font-size: 18px;
}
}
/*屏幕小于540px应用一下样式*/
@media (max-width:540px) {
/*案例*/
.service_wrap {
	padding: 50px 0px;
}
.service_wrap .main-wrap ul li h4 {
	font-size: 35px;
}
.service_wrap .main-wrap ul li p {
	font-size: 24px;
}
/*新闻*/
.newslis dl dt {
	height: 80px;
}
.news-box-img img {
	width: auto;
	height: 80px;
	width: 120px;
}
.newslis dl dd {
	width: calc(100% - 130px);
}
}